<extend name="_Layout/main"/>

<block name="main">
<style type="text/css">
			[class*=am-u-]{padding-left:0;padding-right: 0;}
			ol, ul{padding: 0; margin: 0;}
			.exchange-center .m-right{ padding-left: 250px;}
			.online-change{ font-size: 24px; color: #fff; font-weight: normal;}
			.top-box .yellow{ color: #b6a067;font-weight: normal;}
			.exchange-center .m-left .top-box{padding: 28px 0;}
			.am-margin-top ul{ margin: 0; padding: 0;}
			.am-margin-top li{list-style: none; width: 190px; height: 60px; border:1px solid #e6e6e6; margin-bottom: 20px; padding: 5px 10px;}
			.am-margin-top li img{ display: block; float: left; margin-top: 3px; }
			.am-margin-top li .r{ float: right;}
			.am-margin-top li .r h3{ font-size: 18px;  margin: 0; color: #d50304; font-weight: bold; text-align: left;}
			.am-margin-top li .r p{ padding: 0; margin: 0; font-size: 14px; color: #999;text-align: left;}
			.m-right{ margin-bottom: 50px;}
			.m-right h2{color: #000; padding: 20px 0 15px 0; border-bottom: 1px solid #e5e5e5; font-size: 22px;}
			.tab{width:100%;height: auto;	margin:50px 0 0 0;text-align: center;}
			/*.tab_b{ overflow:hidden; }*/
			.menu{overflow:hidden; border-bottom: 1px solid #e6e6e6;  margin-top: 20px;}
			.menu li{display: inline-block;_display:inline;padding:10px; font-size: 18px;}
		/*	.menu li a{ display:block; padding-bottom: 10px;}*/
			.tab ul li.aaa{	color: #000; border-bottom: 1px solid #000;}
			.tab_b{ margin-top: 20px;}
			.tab_b img{ display: block; width: auto; max-width: 100%; }
			.m-right>p{line-height:30px;    font-size: 15px;    color: #545252; margin: 5px 0; text-indent: 2em;}
			
		</style>
		<section class="banner">
			<img src="./Application/Home/View/default/_Resource/img/banner3.png" />
		</section>
		<section class="exchange-center">
			<div class="am-breadcrumb-bg">
				<div class="uwidth1">
					<ol class="am-breadcrumb am-text-right">
					  <li><a href="#">首页</a></li>
					  <li><a href="#">分类</a></li>
					  <li class="am-active">在线交易</li>
					</ol>
				</div>
			</div>
			<div class="uwidth1 am-posre" >
				<div class="m-left am-text-center">
					<div class="top-box">
						<p class="online-change">在线交易</p>
						<p class="yellow">BIBIJIAOYI</p>
					</div>
					<div class="link-box">
						<a href="#" >在线开户</a>
						<a href="#" class="active">开户流程</a>
						<a href="#">开户资讯</a>
					</div>
					<div class="btn-box am-margin-top">
						<!--<img src="./Application/Home/View/default/_Resource/img/btn-img.png" width="198" height="88" />
						<img class="am-margin-top-xs" src="./Application/Home/View/default/_Resource/img/btn-img1.png" width="198" height="88" />-->
						<ul>
							<li>
								<img src="./Application/Home/View/default/_Resource/img/btn1.jpg" >
								<div class="r">
									<h3>立即开户</h3>
									<p>OPEN ACCOUNT</p>
								</div>
							</li>
							<li><img src="./Application/Home/View/default/_Resource/img/btn2.jpg">
								<div class="r">
									<p>24小时客户热线</p>
									<h3>400-355-777</h3>
									
								</div>
							</li>
						</ul>
					
					</div>
				</div>
				<div class="m-right">
					<h2>开户流程</h2>
					<div class="tab">
					<ul class="menu" id="menutitle">
					<li id="tab_1" class="aaa"><a href="javascript:void(0)" onclick="tabs('1');" >开户流程</a></li>
					<li id="tab_2" ><a href="javascript:void(0)" onclick="tabs('2');" >准入条件</a></li>
					<li id="tab_3" ><a href="javascript:void(0)" onclick="tabs('3');" >禁入规定</a></li>
					<li id="tab_4" ><a href="javascript:void(0)" onclick="tabs('4');" >销户流程</a></li>
					</ul>
					<div class="tab_b" id="tab_a1" style="display:block;"> 
					<img src="./Application/Home/View/default/_Resource/img/tab1.jpg">
					</div>
					<div class="tab_b" id="tab_a2" style="display:none;"><img src="./Application/Home/View/default/_Resource/img/tab1.jpg"></div>
					<div class="tab_b" id="tab_a3" style="display:none;"><img src="./Application/Home/View/default/_Resource/img/tab1.jpg"></div>
					<div class="tab_b" id="tab_a4" style="display:none;"><img src="./Application/Home/View/default/_Resource/img/tab1.jpg"></div>
					</div>
					<p>满天星花语：关怀、思恋、真爱怀、思恋、真爱怀、思恋、真爱、纯洁的心灵、喜悦、关心、纯洁，守望爱情、甘做配角的爱，清纯、梦境、真心喜欢、配角，但不可缺</p>
					<p>满天星花语：关怀、思恋、真爱、纯洁的心灵、喜悦、关心、纯洁，守望爱情、甘做配角的爱，清纯、梦境、真心喜欢、配角，但不可缺甘做配角的爱，清纯、梦境、真心喜欢、配角，但不可缺</p>
					<p>满天星花语：关怀、思恋、真爱、纯洁怀、思恋、真爱怀、思恋、真爱的心灵、喜悦、关心、纯洁，守望爱情、甘做配角的爱，清纯、梦境、真心喜欢、配角，但不可缺</p>
				</div>
			</div>
		</section>
		

		
		<script >
		function tabs(n)
		{
		var len = 4;
		for (var i = 1; i <= len; i++)
		{
		document.getElementById('tab_a' + i).style.display = (i == n) ? 'block' : 'none';
		document.getElementById('tab_' + i).className = (i == n) ? 'aaa' : 'none';
		}
		}
		</script>
</block>